<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="style.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
</head>
<body style="background-color:#222222">
    <script src="app.js"></script>
    <div class="wrap">
        <h2 style="color:white">
            <input class="textbox" id="idtext" type="text" id="birthtext" value="John" size="9" disabled/>
            : Student
        </h2>
        <h2>
            <input class="textbox" id="passwordtext" type="text" id="idtext" size="9" placeholder="Enter the book name"/>
            <input class="w-btn-gray-outline" type='button' value='Add Book' onclick='addRow(),update()'>
        </h2>
        <h1 style="color:white" >
            List
        </h1>
        <table id = "datatable" style="color:white">
            <thead>
                <tr>
                    <td>Date</td>
                    <td>Book</td>   
                    <td>Delete</td>   
                </tr>
            </thead>
            <tr id="tr1">
                <td id="td1">1/1/2022</td>
                <td>Maths</td>
                <td><button class="w-btn-indigo"  id="1" type="button" value="deldata" onclick="delRow(id)">del</button></td>
            </tr>
            <tr id="tr2">
                <td id="td2">2/2/2022</td>
                <td>Physics</td>
                <td><button class="w-btn-indigo"  id="2" type="button" value="deldata" onclick="delRow(id)">del</button></td>
            </tr>
            <tr id="tr3">
                <td id="td3">3/3/2022</td>
                <td>Science</td>
                <td><button class="w-btn w-btn-indigo"  id="3" type="button" value="deldata" onclick="delRow(id)">del</button></td>
            </tr>
        </table>
        <input  class="textbox2" id="allbook" type="text"  value="Student name is John He has 3 books" size="9" disabled/>
    </div>
</body>
</html> 